弹性盒

 /＊改变主轴＊/

flex - direction : column ; 可取 row , column , row - reverse , racolumn - reverse 

／调整主轴对齐方向／  justify - content : center ; 可取 flex - start , flex - end , center , space - between（两端对齐） , space - around （距离环绕）／调整侧轴对齐方向／  align - items : center ; 可取 flex - start ，flex - end , center 

／折行／  flex - wrap : wrap ;

／控制折行后行间距／  align - content : space - between ;  flex - start , flex - end , center , space - around , space - between 

／项目﹣对齐方式／  align - self : flex- start， flex - end , center , baseline ，stretch /项目一调整顺序/  order :1;可取1，0，-1/项目一剩余宽高/  flex :1;/占满剩余空间／